<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<!-- 主页-请假管理-新增 -->
<section id="container">
    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <!--state overview end-->
            <div class="row">
                <div class="col-lg-12">
                    <div class="alert alert-warning fade in">
                        <button data-dismiss="alert" class="close close-sm" type="button">
                            <i class="icon-remove"></i>
                        </button>
                        <strong>备注说明：</strong> 一个月最多补签2次，一条打卡时间计算1次。
                    </div>

                    <section class="panel">
                        <header class="panel-heading">
                            班次信息
                        </header>
                        <div class="panel-body">
                            <div class="bio-row">
                                <p>
                                    <span>班次类型 </span>{{typeId}}</p>
                            </div>
                            <div class="bio-row">
                                <p>
                                    <span>在岗时长 </span>{{workTime}}小时</p>
                            </div>
                            <div class="bio-row">
                                <p>
                                    <span>上午考勤时间 </span>{{onTimeMorning | date:'HH:mm:ss'}}</p>
                            </div>
                            <div class="bio-row">
                                <p>
                                    <span>弹性截止时间 </span>{{deadlineMorning | date:'HH:mm:ss'}}</p>
                            </div>
                            <div class="bio-row">
                                <p>
                                    <span>上午截止时间 </span>{{offTimeMorning| date:'HH:mm:ss'}}</p>
                            </div>
                            <div class="bio-row">
                                <p>
                                    <span>下午考勤时间 </span>{{onTimeAfternoon| date:'HH:mm:ss'}}</p>
                            </div>
                            <div class="bio-row">
                                <p>
                                    <span>下午截止时间 </span>{{offTimeAfternoon| date:'HH:mm:ss'}}</p>
                            </div>
                            <div class="bio-row line-row">
                                <p>
                                    <span>说明 </span>{{comments}}</p>
                            </div>
                        </div>
                    </section>

                    <section class="panel">
                        <header class="panel-heading">
                            最近补签信息
                        </header>
                        <div class="panel-body">
                            <div ng-repeat="x in bqxx">
                                <div class="bio-row">
                                    <p><span>补签日期 </span>{{x.signTime}}</p>
                                </div>
                                <div class="bio-row">
                                    <p><span>申请日期 </span>{{x.createTime|date:'yyyy-MM-dd'}}</p>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="panel">
                        <header class="panel-heading">
                            补签信息
                        </header>
                        <div class="panel-body">
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">归属部门</label>
                                <div class="col-sm-10">
                                    <select id="deptCode" class="form-control" certus-required>
                                        <option ng-repeat="x in depts" value="{{x.departmentCode}}">{{x.departmentName}}
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <!--<div class="form-group customerForm">-->
                            <!--<label class="col-sm-2 control-label">请假类型*</label>-->
                            <!--<div class="col-sm-10">-->
                            <!--<select class="form-control" id="vacationType" name="vacationType">-->
                            <!--<option value="{{x.vacationType}}" ng-repeat="x in type">{{x.comments}}</option>-->
                            <!--</select>-->
                            <!--</div>-->
                            <!--</div>-->
                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">补卡时间*</label>
                                <div class="col-sm-10">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <input type="text" class="form-control" placeholder="开始日期" name="beginTime"
                                                id="beginTime">
                                        </div>
                                        <div class="col-lg-4">
                                            <select class="form-control" id="hour">
                                                <option value="08">08点</option>
                                                <option value="09">09点</option>
                                                <option value="10">10点</option>
                                                <option value="11">11点</option>
                                                <option value="12">12点</option>
                                                <option value="13">13点</option>
                                                <option value="14">14点</option>
                                                <option value="15">15点</option>
                                                <option value="16">16点</option>
                                                <option value="17">17点</option>
                                                <option value="18">18点</option>
                                                <option value="19">19点</option>
                                                <option value="20">20点</option>
                                                <option value="21">21点</option>
                                                <option value="22">22点</option>
                                                <option value="23">23点</option>
                                                <option value="24">24点</option>
                                            </select>
                                        </div>
                                        <div class="col-lg-4">
                                            <select class="form-control" id="min">
                                                <option value="00">00分</option>
                                                <option value="10">10分</option>
                                                <option value="20">20分</option>
                                                <option value="30">30分</option>
                                                <option value="40">40分</option>
                                                <option value="50">50分</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group customerForm">
                                <label class="col-sm-2 control-label">说明</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" placeholder="请说明补卡原因，最多120个字" maxlength="120"
                                        id="comments"></textarea>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section class="panel">
                        <div class="panel-body">
                            <p class="default-buttons">
                                <a href="javascript:void(0);" class="button-back btn btn-info"
                                    onclick="window.history.back()">返回</a>
                                <a href="javascript:void(0);" class="button-next  btn btn-success submit">确认提交</a>
                            </p>
                        </div>
                    </section>


                </div>
            </div>
        </section>
    </section>
    <!--main content end-->
</section>

<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/leave/sign.js"></script>
<script type="text/javascript">
    $("#beginTime").datepicker({
        format: 'yyyy-mm-dd'
    });

    $("#beginTime2").datepicker({
        format: 'yyyy-mm-dd'
    });
</script>